<template>
	<header id="header">
		<h1>{{msg}}</h1>
	</header>
</template>

<script>
	export default {
	  name: 'PageHeader',
	  props:{
		  msg:String
	  }
	}
</script>

<style scoped>
	#header{
		width: 100%;
		height: 50px;
		color: #ffffff;
		background: #e54847;
		border-bottom: 1px solid #E54847;
		position: relative;
	}
	#header h1{
		font-size: 18px;
		text-align: center;
		line-height: 50px;
		font-weight: normal;
	}
	#header i{
		position: absolute;
		left: 5px;
		top: 50%;
		margin-top: -13px;
		font-size: 26px;
	}
</style>
